<template>
     <van-sticky>
        <van-nav-bar title="详情页" left-arrow @click-left="onClickLeft" />
    </van-sticky>


    <van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img :src="image" width="100%"  height="180px"/>
  </van-swipe-item>
</van-swipe>

    详情页

    <van-action-bar>
  <van-action-bar-icon icon="chat-o" text="客服" dot />
  <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
  <van-action-bar-icon icon="shop-o" text="店铺" badge="12" />
  <van-action-bar-button type="warning" text="加入购物车" />
  <van-action-bar-button type="danger" text="立即购买" />
</van-action-bar>

</template>

<script setup>
import axios from "axios";
import { ref } from "vue";
import {useRoute} from 'vue-router'
const onClickLeft = () => history.back();
 const images = [
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    ];
</script>

<style lang="scss" scoped>

</style>